<div data-dojo-type="${baseClass}" data-dojo-attach-point="focusNode" class="content-box">
    <div data-dojo-type="dojox/layout/TableContainer"
        data-dojo-props="cols:1, labelWidth: 150">

        <input data-dojo-attach-point="displayName"
            data-dojo-type="ngw-pyramid/form/DisplayNameTextBox"
            title="{{gettext 'Full name'}}"
            style="width: 100%"></input>

        <input data-dojo-attach-point="keyname"
            data-dojo-type="ngw-pyramid/form/KeynameTextBox"
            data-dojo-props="required: true"
            title="{{gettext 'Group name'}}"
            style="width: 100%"></input>

        <textarea data-dojo-attach-point="description"
            data-dojo-type="dijit/form/SimpleTextarea"
            data-dojo-props="rows: 4, colspan: 2"
            title="{{gettext 'Description'}}"
            style="width: 100%; box-sizing: border-box"></textarea>

        <input data-dojo-attach-point="register"
            data-dojo-type="dijit/form/CheckBox"
            title="{{gettext 'Assign at registration'}}"/>

        <select data-dojo-attach-point="members"
            data-dojo-type="ngw-auth/PrincipalMemberSelect"
            data-dojo-props="colspan: 2, route: 'auth.user.edit'"
            multiple="true"
            title="{{gettext 'Group members'}}"
            style="width: 100%;">
        </select>

    </div>
</div>
